<template>
    <div class="box">
        <div class="title">{{$t('payrec')}} | {{$t('detls')}}</div>
        <div class="detBox">
            <el-card class="cardBox">
                <el-table border style="width: 100%" :data="sofpayData" id="out-table">
                    <el-table-column prop="completeTime" :label="$t('time')">
                    </el-table-column>
                    <el-table-column prop="accType" :label="$t('acctype')">
                    </el-table-column>
                    <el-table-column prop="afterAmt" :label="$t('accbalance')">
                    </el-table-column>
                    <el-table-column prop="amt" :label="$t('amountofacc')">
                    </el-table-column>
                    <el-table-column prop="transType" :label="$t('trstyp')">
                    </el-table-column>
                </el-table>
            </el-card>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            sofpayData: []
        }
    },
    methods: {},
    mounted () {
        this.sofpayData.push(JSON.parse(window.sessionStorage.getItem('sofpayout')))
    },
    destroyed () {
        window.sessionStorage.removeItem('sofpayout')
    }
}
</script>

<style lang="less" scoped>
@import './sofpayDet.less';
</style>
